﻿<div class="form-group col-md-10">
    <div class="row">
        <div class="row" style="height:20px">
        </div>
        <label for="CustomerCode" class="col-md-2 control-labelh">
            Customer Code:
        </label>
        <div class="col-md-2">
            <input id="CustomerCode" class="form-control input-sm" ng-model="custCode" />
        </div>

        <label for="CustomerName" class="col-md-2 control-labelh">
            Customer Name:
        </label>
        <div class="col-md-2">
            <input id="eid" class="form-control input-sm" name="CustomerName" ng-model="custName" />
        </div>
        <label for="inputStatus" class="col-md-2 control-labelh">
            Customer Status:
        </label>
        <div class="col-md-2">
            <select id="inputStatus" class="form-control input-sm" ng-model="status" ng-options="a.detailValue as a.detailName for a in statuslist">
                <option value="">All</option>
            </select>
        </div>
    </div>
</div>
<div class="form-group col-md-10">
    <div class="row">
        <label for="GroupName" class="col-md-2 control-labelh">
            Factory Group Name:
        </label>
        <div class="col-md-2">
            <input id="GroupName" class="form-control input-sm" ng-model="groupName" />
        </div>

        <label for="Collector" class="col-md-2 control-labelh">
            Collector:
        </label>
        <div class="col-md-2">
            <input id="Collector" class="form-control input-sm" ng-model="collector" />
        </div>
        <label for="inputStatus" class="col-md-2 control-labelh">
            IS IC:
        </label>
        <div class="col-md-2">
            <select id="internal" class="form-control input-sm" ng-model="isic" ng-options="a.detailValue as a.detailName for a in internallist">
                <option value="">All</option>
            </select>
        </div>
    </div>
</div>
<div class="form-group col-md-10">
    <div class="row">
        <label for="BillGroup" class="col-md-2 control-labelh">
            Bill Group Code:
        </label>
        <div class="col-md-2">
            <input id="GroupCode" class="form-control input-sm" ng-model="billCode" />
        </div>
        <label for="CreateTime" class="col-md-2 control-labelh">
            Create Time:
        </label>
        <div class="col-md-3">
            <div style="width:180px" datetimepicker value="startTime" readonly="true" />
        </div>
        <label for="EndTime" class="col-md-1 control-labelh">
            To
        </label>
        <div class="col-md-2">
            <div style="width:180px" datetimepicker value="endTime" readonly="true" />
        </div>
    </div>
</div>
<div class="form-group col-md-10">
    <div class="row">
        <label for="Country" class="col-md-2 control-labelh">
            Country:
        </label>
        <div class="col-md-2">
            <input id="Country" class="form-control input-sm" ng-model="country" />
        </div>
    </div>
</div>
<div class="form-group col-md-12">
    <div class="row">
        <div class="col-md-2 col-xs-offset-1">
            <input type="checkbox" name="misCollector" ng-model="misCollect" /> Miss Collector  &nbsp;&nbsp;
            <input type="checkbox" name="misGroup" ng-model="misGroup" />  Miss Group
        </div>
        <div class="col-md-2 btn-group" style="width:160px">
            <button type="button" class="btn btn-primary " style="width:100px" ng-click="searchCustomer()">
                Search
            </button>
            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                <span class="caret"></span>
                <!--<span class="sr-only">切换下拉菜单</span>-->
            </button>
            <button class="dropdown-menu" role="menu" ng-click="resetSearch()">
                <li><a>Reset Search</a></li>
            </button>
        </div>
        <div class="col-md-2" style="width:160px">
            <button type="button" class="btn btn-primary " style="width:120px" ng-click="addCustomer()">
                Add
            </button>
        </div>
        <div class="col-md-2" style="width:160px">
            <button type="button" class="btn btn-primary " style="width:120px" ng-click="editCustomer()">
                Edit
            </button>
        </div>

        <div class="col-md-2" style="width:250px">
            <button type="button" class="btn btn-primary " style="width:120px" ng-click="Del()">
                Delete
            </button>
        </div>
        <div class="btn-group" data-toggle="buttons">
            <button type="button" class="btn btn-primary " style="width:62px" ng-click="exportCust()">
                Export
            </button>
            <button type="button" class="btn btn-primary " style="width:62px" ng-click="importCust()">
                Import
            </button>
        </div>
    </div>
</div>

<div class="form-group col-md-12" style="padding-left:0px; padding-right:0px;">
    <div class="grid-style" ui-grid="customerList" ui-grid-resize-columns ui-grid-selection>
    </div>
</div>

<div class="form-group col-md-12">
    <div class="row">
        <div class="col-md-2" style="width:130px">
            <select id="pagesize" name="pagesize" ng-model="selectedLevel" ng-options="s.id as s.levelName for s in levelList"
                    ng-change="pagesizechange(selectedLevel)" class="form-control input-sm" style="margin-top: 15px; margin-bottom: 20px;"></select>
        </div>
        <div class="col-md-9" style="margin-top:-5px;margin-left:-10px;">
            <pagination max-size="maxSize" items_per_page="itemsperpage" total-items="totalItems"
                        ng-model="currentPage" ng-change="pageChanged()"></pagination>
        </div>
        <div class="col-md-2 " style="width:150px" >
            <div class="form-control input-sm" style="margin-top: 15px; margin-bottom:20px;margin-left:10px;">Total: {{totalItems}}</div>
        </div>
    </div>
</div>


